<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Demo</title>
    <link rel="stylesheet" href="../output/css/all.css"/>
    <link href="http://pic.ofcard.com/themes/admin/plugins/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet"
          type="text/css"/>
</head>
<body style="background-color: #fff !important;" ng-app="admin">
<ui-container style="display: none" controller="CC">
    <div class="row">
        <div class="col-md-6">
            <ui-portlet class="light" title="Tkk">
                <ui-portlet-action>
                    <a href="javascript:;" class="btn btn-default">测试</a>
                    <a href="javascript:;" class="btn btn-circle btn-default btn-icon-only fullscreen"></a>
                </ui-portlet-action>
                123123123
            </ui-portlet>


            <ui-portlet class="light" title="Tkk">
                <ui-portlet-action-pagination url="/menu" page-limit="3" page-data-name="data" page-total-name="total"></ui-portlet-action-pagination>
                <ul class="list-group">
                    <li class="list-group-item" ng-repeat="data in dataList">
                        {{data.a}}
                    </li>
                </ul>
            </ui-portlet>
        </div>
        <div class="col-md-6">
            <ui-portlet class="light" title="Tkk">
                <ui-portlet-action-search></ui-portlet-action-search>
                123123123
            </ui-portlet>

            <ui-portlet class="light" title="Tkk">
                <ui-portlet-action-tab>
                    <ui-tab-item head="1111">
                        123123123
                    </ui-tab-item>
                    <ui-tab-item head="1111">
                        123123123
                    </ui-tab-item>
                    <ui-tab-item head="1111">
                        123123123
                    </ui-tab-item>
                </ui-portlet-action-tab>
            </ui-portlet>
        </div>
    </div>
</ui-container>
</body>
<script src="../output/lib.js"></script>
<script src="http://pic.ofcard.com/themes/admin/plugins/zTree/jquery.ztree.core-3.5.min.js"
        type="text/javascript"></script>
<script src="http://pic.ofcard.com/themes/admin/plugins/zTree/jquery.ztree.excheck-3.5.js"
        type="text/javascript"></script>
<script src="http://pic.ofcard.com/themes/admin/plugins/zTree/jquery.ztree.exedit-3.5.js"
        type="text/javascript"></script>
<script src="../output/js/all.js"></script>
<script>
    function CC($scope, uiDialog) {
    }
</script>

<script src="../output/assets/js/jquery.mockjax.js"></script>
<script>
    var s = 1;
    $.mockjax({
        url: '/menu',
        response: function () {
            s++;
            this.responseText = {
                data: {
                    data: [
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s},
                        {a: s}
                    ],
                    total: 100
                },
                result: 1
            }
        }
    });

    var i = 0;
    var a = 0;
    $.mockjax({
        url: '/test',
        response: function () {
            var aa = [],
                    m = 5;
            for (; i < m; i++) {
                aa.push({
                    a: i,
                    b: Math.random(),
                    c: Math.random(),
                    d: Math.random(),
                    e: '2014-11-1' + i + ' 11:11:11'
                })
            }
            this.responseText = {
                data: {
                    aaData: aa,
                    iTotalDisplayRecords: 1000,
                    iTotalRecords: 1000
                },
                result: 1
            }
        }
    });
</script>
</html>
